<template>
    <footer>
        <div class="footer-area gray-bg pt-80 pb-30">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="footer-widget mb-50">
                            <div class="footer-logo mb-25">
                                <router-link to="index.html"><img src="img/logo/logo.png" alt=""></router-link>
                            </div>
                            <div class="footer-contact-list">
                                <ul>
                                    <li>
                                        <div class="icon"><i class="flaticon-place"></i></div>
                                        <p>PO Box W75 Street West New Queens, TX 16819</p>
                                    </li>
                                    <li>
                                        <div class="icon"><i class="flaticon-telephone-1"></i></div>
                                        <h5 class="number"> <router-link to="tel:12027993245">+120 279 932
                                                45</router-link></h5>
                                    </li>
                                    <li>
                                        <div class="icon"><i class="flaticon-mail"></i></div>
                                        <p> <router-link
                                                to="/cdn-cgi/l/email-protection#86f5f3f6f6e9f4f2c6f0e3e1e3e8a8e5e9eb"><span
                                                    class="__cf_email__"
                                                    data-cfemail="02717772726d707642746765676c2c616d6f">[email&#160;protected]</span></router-link>
                                        </p>
                                    </li>
                                    <li>
                                        <div class="icon"><i class="flaticon-wall-clock"></i></div>
                                        <p>Week 7 days from 7:00 to 20:00</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="footer-social">
                                <ul>
                                    <li> <router-link to="#"><i class="fab fa-facebook-f"></i></router-link></li>
                                    <li> <router-link to="#"><i class="fab fa-twitter"></i></router-link></li>
                                    <li> <router-link to="#"><i class="fab fa-youtube"></i></router-link></li>
                                    <li> <router-link to="#"><i class="fab fa-linkedin-in"></i></router-link></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="footer-widget mb-50">
                            <div class="fw-title">
                                <h5 class="title">Customer Service</h5>
                            </div>
                            <div class="fw-link">
                                <ul>
                                    <li> <router-link to="shop.html">Secure Shopping</router-link></li>
                                    <li> <router-link to="cart.html">Order Status</router-link></li>
                                    <li> <router-link to="shop.html">International Shipping</router-link></li>
                                    <li> <router-link to="checkout.html">Payment Method</router-link></li>
                                    <li> <router-link to="blog.html">Our Blog</router-link></li>
                                    <li> <router-link to="terms-conditios.html">Orders and Returns</router-link></li>
                                    <li> <router-link to="checkout.html">Track Your Orders</router-link></li>
                                    <li> <router-link to="index.html">Footer Links</router-link></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                        <div class="footer-widget mb-50">
                            <div class="fw-title">
                                <h5 class="title">Useful Links</h5>
                            </div>
                            <div class="fw-link">
                                <ul>
                                    <li> <router-link to="checkout.html">Delivery</router-link></li>
                                    <li> <router-link to="terms-conditios.html">Legal Notice</router-link></li>
                                    <li> <router-link to="about-us.html">About us</router-link></li>
                                    <li> <router-link to="contact.html">Sitemap</router-link></li>
                                    <li> <router-link to="checkout.html">Track Your Orders</router-link></li>
                                    <li> <router-link to="index.html">Footer Links</router-link></li>
                                    <li> <router-link to="terms-conditios.html">Orders and Returns</router-link></li>
                                    <li> <router-link to="contact.html">Contact Us</router-link></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="footer-widget footer-box-widget mb-50">
                            <div class="f-download-wrap">
                                <div class="fw-title">
                                    <h5 class="title">Download App</h5>
                                </div>
                                <div class="download-btns">
                                    <router-link to="index.html"><img src="img/icon/g_play.png" alt=""></router-link>
                                    <router-link to="index.html"><img src="img/icon/app_store.png" alt=""></router-link>
                                </div>
                            </div>
                            <div class="f-newsletter">
                                <div class="fw-title">
                                    <h5 class="title">Newsletter</h5>
                                </div>
                                <form action="#">
                                    <input type="email" placeholder="Email Address">
                                    <button><i class="flaticon-send"></i></button>
                                </form>
                                <p>Do Not Show Your Mail</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-wrap">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <div class="copyright-text">
                            <p>Copyright &copy; 2021 Ganic All Rights By <router-link
                                    to="http://www.bootstrapmb.com/">bootstrapmb</router-link></p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="payment-accepted text-center text-md-right">
                            <img src="img/images/payment_card.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</template>
 
<script>

import { mapGetters, mapActions, mapMutations, mapState } from 'vuex';

export default {

    data() {
        return {

        }
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },

    beforeCreate() {

    },
    beforeDestroy() {

    },
    deactivated() {

    },
}
</script>
<style>

</style>